<template>
    <div class="error-page">
        <div class="header">
            <img src="/images/unfind.png" class="img-responsive" />
        </div>
        <div class="content">
            <h1>404</h1>
            <p class="text-muted">您查找的信息不存在，请确认关联后重试</p>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.error-page{
    width: 100%;
    .header{
        text-align: center;
        margin-top: 60px;
        .img-responsive{
            max-width: 100%;
            height: auto;
        }
    }
    .content{
        text-align: center;
        h1{
            font-size:36px;
            letter-spacing: 5px;
            color:#777;
            margin-bottom: 20px;
        }
        .text-muted{
            color: #777 ;
        }
    }
}
</style>